/*文本对齐方式*/
.fn-al {
  text-align: left !important;
}

.fn-ac {
  text-align: center !important;
}

.fn-ar {
  text-align: right !important;
}

.ver-middle {
  vertical-align: middle;
}

.indent_2 {
  text-indent: 2em;
}

/* 首行缩进 */

.bg-white {
  background: #fff;
}

/* 显示隐藏 */
.hide {
  display: none !important;
}

.block,
.show {
  display: block !important;
}

.inline {
  display: inline !important;
}

.in-block {
  display: inline-block !important;
}

.visi-hide {
  visibility: hidden;
}

.visi-show {
  visibility: visible;
}

.opacity_0 {
  opacity: 0;
}

.tb-row {
  display: table-row !important;
}

/*常用外边距填充值（根据项目需要添加删除，但是命名参考这种形式）*/
.fn-m00 {
  margin: 0 !important;
}

.fn-m05 {
  margin: 5px !important;
}

.fn-m10 {
  margin: 10px !important;
}

.fn-m15 {
  margin: 15px !important;
}

.fn-m20 {
  margin: 20px !important;
}

.fn-m25 {
  margin: 25px !important;
}

.fn-m30 {
  margin: 30px !important;
}

.fn-ml00 {
  margin-left: 0 !important;
}

.fn-ml05 {
  margin-left: 5px !important;
}

.fn-ml08 {
  margin-left: 8px !important;
}

.fn-ml10 {
  margin-left: 10px !important;
}

.fn-ml15 {
  margin-left: 15px !important;
}

.fn-ml20 {
  margin-left: 20px !important;
}

.fn-ml25 {
  margin-left: 25px !important;
}

.fn-ml30 {
  margin-left: 30px !important;
}

.fn-ml35 {
  margin-left: 35px !important;
}

.fn-ml50 {
  margin-left: 50px !important;
}

.fn-mr00 {
  margin-right: 0 !important;
}

.fn-mr05 {
  margin-right: 5px !important;
}

.fn-mr08 {
  margin-right: 8px !important;
}

.fn-mr10 {
  margin-right: 10px !important;
}

.fn-mr15 {
  margin-right: 15px !important;
}

.fn-mr20 {
  margin-right: 20px !important;
}

.fn-mr25 {
  margin-right: 25px !important;
}

.fn-mr30 {
  margin-right: 30px !important;
}

.fn-mr35 {
  margin-right: 35px !important;
}

.fn-mr50 {
  margin-right: 50px !important;
}

.fn-mt00 {
  margin-top: 0 !important;
}

.fn-mt02 {
  margin-top: 2px !important;
}

.fn-mt05 {
  margin-top: 5px !important;
}

.fn-mt08 {
  margin-top: 8px !important;
}

.fn-mt10 {
  margin-top: 10px !important;
}

.fn-mt12 {
  margin-top: 12px !important;
}

.fn-mt15 {
  margin-top: 15px !important;
}

.fn-mt20 {
  margin-top: 20px !important;
}

.fn-mt25 {
  margin-top: 25px !important;
}

.fn-mt30 {
  margin-top: 30px !important;
}

.fn-mt35 {
  margin-top: 35px !important;
}

.fn-mb00 {
  margin-bottom: 0 !important;
}

.fn-mb05 {
  margin-bottom: 5px !important;
}

.fn-mb10 {
  margin-bottom: 10px !important;
}

.fn-mb15 {
  margin-bottom: 15px !important;
}

.fn-mb20 {
  margin-bottom: 20px !important;
}

.fn-mb25 {
  margin-bottom: 25px !important;
}

.fn-mb30 {
  margin-bottom: 30px !important;
}

/*常用内边距填充值*/
.fn-p00 {
  padding: 0 !important;
}

.fn-p05 {
  padding: 5px !important;
}

.fn-p08 {
  padding: 8px !important;
}

.fn-p10 {
  padding: 10px !important;
}

.fn-p12 {
  padding: 12px !important;
}

.fn-p15 {
  padding: 15px !important;
}

.fn-p20 {
  padding: 20px !important;
}

.fn-p25 {
  padding: 25px !important;
}

.fn-p30 {
  padding: 30px !important;
}

.fn-pl00 {
  padding-left: 0 !important;
}

.fn-pl04 {
  padding-left: 4px !important;
}

.fn-pl05 {
  padding-left: 5px !important;
}

.fn-pl08 {
  padding-left: 8px !important;
}

.fn-pl10 {
  padding-left: 10px !important;
}

.fn-pl12 {
  padding-left: 12px !important;
}

.fn-pl15 {
  padding-left: 15px !important;
}

.fn-pl20 {
  padding-left: 20px !important;
}

.fn-pl25 {
  padding-left: 25px !important;
}

.fn-pl30 {
  padding-left: 30px !important;
}

.fn-pl40 {
  padding-left: 40px !important;
}

.fn-pl50 {
  padding-left: 50px !important;
}

.fn-pr00 {
  padding-right: 0 !important;
}

.fn-pr04 {
  padding-right: 4px !important;
}

.fn-pr05 {
  padding-right: 5px !important;
}

.fn-pr08 {
  padding-right: 8px !important;
}

.fn-pr10 {
  padding-right: 10px !important;
}

.fn-pr12 {
  padding-right: 12px !important;
}

.fn-pr15 {
  padding-right: 15px !important;
}

.fn-pr20 {
  padding-right: 20px !important;
}

.fn-pr25 {
  padding-right: 25px !important;
}

.fn-pr30 {
  padding-right: 30px !important;
}

.fn-pr40 {
  padding-right: 40px !important;
}

.fn-pr50 {
  padding-right: 50px !important;
}

.fn-pr80 {
  padding-right: 80px !important;
}

.fn-pr100 {
  padding-right: 100px !important;
}

.fn-pt00 {
  padding-top: 0 !important;
}

.fn-pt05 {
  padding-top: 5px !important;
}

.fn-pt10 {
  padding-top: 10px !important;
}

.fn-pt15 {
  padding-top: 15px !important;
}

.fn-pt20 {
  padding-top: 20px !important;
}

.fn-pt25 {
  padding-top: 25px !important;
}

.fn-pt30 {
  padding-top: 30px !important;
}

.fn-pb00 {
  padding-bottom: 0 !important;
}

.fn-pb05 {
  padding-bottom: 5px !important;
}

.fn-pb08 {
  padding-bottom: 8px !important;
}

.fn-pb10 {
  padding-bottom: 10px !important;
}

.fn-pb15 {
  padding-bottom: 15px !important;
}

.fn-pb18 {
  padding-bottom: 18px !important;
}

.fn-pb20 {
  padding-bottom: 20px !important;
}

.fn-pb25 {
  padding-bottom: 25px !important;
}

.fn-pb30 {
  padding-bottom: 30px !important;
}

/* 超出省略号 */
.text-el {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 字体字号 */
.fs_10 {
  font-size: 12px !important;
  transform: scale(0.8);
}

.fs_11 {
  font-size: 11px !important;
}

.fs_12 {
  font-size: 12px !important;
}

.fs_13 {
  font-size: 13px !important;
}

.fs_14 {
  font-size: 14px !important;
}

.fs_16 {
  font-size: 16px !important;
}

.fs_18 {
  font-size: 18px !important;
}

.fs_20 {
  font-size: 20px !important;
}

.fs_24 {
  font-size: 24px !important;
}

.fs_26 {
  font-size: 26px !important;
}

.fs_28 {
  font-size: 28px !important;
}

.fs_30 {
  font-size: 30px !important;
}

.fs_32 {
  font-size: 32px !important;
}

.fs_36 {
  font-size: 36px !important;
}

.fs_40 {
  font-size: 40px !important;
}

.fs_48 {
  font-size: 48px !important;
}

.fs_80 {
  font-size: 80px !important;
}

/* 字体行高 */
.lh_16 {
  line-height: 16px !important;
}

.lh_17 {
  line-height: 17px !important;
}

.lh_18 {
  line-height: 18px !important;
}

.lh_20 {
  line-height: 20px !important;
}

.lh_22 {
  line-height: 22px !important;
}

.lh_24 {
  line-height: 24px !important;
}

.lh_28 {
  line-height: 28px !important;
}

.lh_30 {
  line-height: 30px !important;
}

.lh_32 {
  line-height: 32px !important;
}

.lh_36 {
  line-height: 36px !important;
}

.lh_38 {
  line-height: 38px !important;
}

.lh_40 {
  line-height: 40px !important;
}

.lh_45 {
  line-height: 45px !important;
}

.lh_48 {
  line-height: 48px !important;
}

.lh_60 {
  line-height: 60px !important;
}

//字体颜色
.txt-primary {
  color: @primary-color;
}

.app-main-content {
  padding: 12px;
}
